export const basicComponents = [
  {
    name: '单行文本',
    type: 'input',
    icon: 'icon-input',
    options: {
      width: '100%',
      defaultValue: '',
      required: false,
      dataType: 'string',
      placeholder: '',
      disabled: false,
      // 绑定的是图表还是报表 chart-图表  report-报表
      bindType: '',
      // 绑定组件的id
      bindId: '',
      // 绑定组件的预览url
      bindUrl: '',
      // 绑定的查询字段
      bindField: ''
    }
  },
  {
    name: '多行文本',
    type: 'textarea',
    icon: 'icon-8textarea',
    options: {
      width: '100%',
      defaultValue: '',
      required: false,
      disabled: false,
      placeholder: '',
      // 绑定的是图表还是报表 chart-图表  report-报表
      bindType: '',
      // 绑定组件的id
      bindId: '',
      // 绑定组件的预览url
      bindUrl: '',
      // 绑定的查询字段
      bindField: ''
    }
  },
  /*  {
    name: '计数器',
    type: 'number',
    icon: 'icon-number',
    options: {
      width: '',
      required: false,
      defaultValue: 0,
      min: '',
      max: '',
      step: 1,
      disabled: false,
      controlsPosition: ''
    }
  },*/
  /*  {
    name: '单选框组',
    type: 'radio',
    icon: 'icon-radio',
    options: {
      inline: false,
      defaultValue: '',
      showLabel: false,
      options: [
        {
          value: '值 1',
          label: '标签 1'
        },
        {
          value: '值 2',
          label: '标签 2'
        },
        {
          value: '值 3',
          label: '标签 3'
        }
      ],
      required: false,
      remote: false,
      remoteOptions: [],
      props: {
        value: 'value',
        label: 'label'
      },
      remoteFunc: '',
      disabled: false,
      // 绑定的是图表还是报表 chart-图表  report-报表
      bindType: '',
      // 绑定组件的id
      bindId: '',
      // 绑定组件的预览url
      bindUrl: '',
      // 绑定的查询字段
      bindField: ''
    }
  },*/
  /*  {
    name: '多选框组',
    type: 'checkbox',
    icon: 'icon-check-box-outline',
    options: {
      inline: false,
      defaultValue: [],
      showLabel: false,
      options: [
        {
          value: '选项 1'
        },
        {
          value: '选项 2'
        },
        {
          value: '选项 3'
        }
      ],
      required: false,
      remote: false,
      remoteOptions: [],
      props: {
        value: 'value',
        label: 'label'
      },
      remoteFunc: '',
      disabled: false,
      // 绑定的是图表还是报表 chart-图表  report-报表
      bindType: '',
      // 绑定组件的id
      bindId: '',
      // 绑定组件的预览url
      bindUrl: '',
      // 绑定的查询字段
      bindField: ''
    }
  },*/
  /* {
    name: '时间选择器',
    type: 'time',
    icon: 'icon-time',
    options: {
      defaultValue: '21:19:56',
      readonly: false,
      disabled: false,
      editable: true,
      clearable: true,
      placeholder: '',
      startPlaceholder: '',
      endPlaceholder: '',
      isRange: false,
      arrowControl: true,
      format: 'HH:mm:ss',
      required: false,
      width: '100%'
    }
  },*/
  {
    name: '日期选择器',
    type: 'date',
    icon: 'icon-date',
    options: {
      defaultValue: '',
      readonly: false,
      disabled: false,
      editable: true,
      clearable: true,
      placeholder: '',
      startPlaceholder: '',
      endPlaceholder: '',
      type: 'date',
      format: 'yyyy-MM-dd',
      timestamp: false,
      required: false,
      width: '100%',
      // 绑定的是图表还是报表 chart-图表  report-报表
      bindType: '',
      // 绑定组件的id
      bindId: '',
      // 绑定组件的预览url
      bindUrl: '',
      // 绑定的查询字段
      bindField: ''
    }
  },
  /*  {
    name: '评分',
    type: 'rate',
    icon: 'icon-pingfen1',
    options: {
      defaultValue: null,
      max: 5,
      disabled: false,
      allowHalf: false,
      required: false
    }
  },*/
  /* {
    name: '颜色选择器',
    type: 'color',
    icon: 'icon-color',
    options: {
      defaultValue: '',
      disabled: false,
      showAlpha: false,
      required: false
    }
  },*/
  /* {
    name: '下拉选择框',
    type: 'select',
    icon: 'icon-selected',
    options: {
      defaultValue: '',
      multiple: false,
      disabled: false,
      clearable: false,
      placeholder: '',
      required: false,
      showLabel: false,
      width: '100%',
      options: [
        {
          value: '选项 1'
        },
        {
          value: '选项 2'
        },
        {
          value: '选项 3'
        }
      ],
      remote: false,
      filterable: false,
      remoteOptions: [],
      props: {
        value: 'value',
        label: 'label'
      },
      remoteFunc: '',
      // 绑定的是图表还是报表 chart-图表  report-报表
      bindType: '',
      // 绑定组件的id
      bindId: '',
      // 绑定组件的预览url
      bindUrl: '',
      // 绑定的查询字段
      bindField: ''
    }
  },*/
  {
    name: '标题',
    type: 'title',
    icon: 'icon-biaoti',
    options: {
      defaultValue: '标题文本',
      fontSize: '16',
      fontColor: '#000000',
      position: 'center'
    }
  },
  {
    name: '分割线',
    type: 'divider',
    icon: 'icon-fengexian',
    options: {
      defaultColor: '#ff8c11'
    }
  }
  /*  {
    name: '开关',
    type: 'switch',
    icon: 'icon-switch',
    options: {
      defaultValue: false,
      required: false,
      disabled: false
    }
  },*/
  /*  {
    name: '滑块',
    type: 'slider',
    icon: 'icon-slider',
    options: {
      defaultValue: 0,
      disabled: false,
      required: false,
      min: 0,
      max: 100,
      step: 1,
      showInput: false,
      range: false,
      width: ''
    }
  },*/
  /* {
    name: '文字',
    type: 'text',
    icon: 'icon-wenzishezhi-',
    options: {
      defaultValue: '文本内容',
      customClass: ''
    }
  }*/
]

export const advanceComponents = [
/*  {
    name: '自定义区域',
    type: 'blank',
    icon: 'icon-zidingyishuju',
    options: {
      defaultType: 'String'
    }
  },*/
  /* {
    name: '文件上传',
    type: 'imgupload',
    icon: 'icon-wenjianshangchuan',
    options: {
      defaultValue: '',
      disabled: false,
      action: settings.flowableTaskService + 'app/rest/content/raw'
    }
  },*/
  {
    name: '单图表组件',
    type: 'chart',
    icon: 'icon-chart',
    options: {
      defaultValue: '',
      chartId: '',
      chartName: '',
      chartUrl: '',
      chartHeight: '200'
    }
  },
  {
    name: '报表组件',
    type: 'report',
    icon: 'icon-baogao',
    options: {
      defaultValue: '',
      reportId: '',
      reportName: '',
      reportUrl: '',
      reportHeight: '200'
    }
  },
  {
    name: '查询按钮',
    type: 'button',
    icon: 'icon-sousuo',
    options: {
      buttonName: '查询',
      buttonSize: 'mini',
      buttonType: 'primary',
      bindList: []
    }
  }
  /* {
    name: '编辑器',
    type: 'editor',
    icon: 'icon-fuwenbenkuang',
    options: {
      defaultValue: '',
      width: ''
    }
  },
  {
    name: '级联选择器',
    type: 'cascader',
    icon: 'icon-jilianxuanze',
    options: {
      defaultValue: [],
      width: '',
      placeholder: '',
      disabled: false,
      clearable: false,
      remote: true,
      remoteOptions: [],
      props: {
        value: 'value',
        label: 'label',
        children: 'children'
      },
      remoteFunc: ''
    }
  }*/
]

export const layoutComponents = [
  {
    name: '栅格布局',
    type: 'grid',
    icon: 'icon-grid',
    columns: [
      {
        span: 12,
        list: []
      },
      {
        span: 12,
        list: []
      }
    ],
    options: {
      gutter: 0,
      justify: 'start',
      align: 'top'
    }
  }
]
